{extend name="common/base" /}
<!--title-->
{block name="titlekeyword"}
<title>{$content}</title>

{/block}
<!--代码主要内容-->
{block name="main"}
<h6>内容</h6>
<h1>英雄排行</h1>

<table border=1px id="mytab">
	<tr>
		<td>排名</td>
		<td>姓名</td>
		<td>外号</td>
	</tr>
	<tr>
		<td>1</td>
		<td>宋江</td>
		<td>及时雨</td>
	</tr>
	<tr>
		<td>2</td>
		<td>卢俊义</td>
		<td>玉麒麟</td>
	</tr>
</table>
<input type="button" onclick="test2()" value="删除一行" />
<input type="button" onclick="test3()" value="插入一行" />
<h6>代码</h6>
<pre>
		页面

		&lt;table border=1px id="mytab"&gt;
		&lt;tr&gt;&lt;td&gt;排名&lt;/td&gt;&lt;td&gt;姓名&lt;/td&gt;&lt;td&gt;外号&lt;/td&gt;&lt;/tr&gt;
		&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;宋江&lt;/td&gt;&lt;td&gt;及时雨&lt;/td&gt;&lt;/tr&gt;
		&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;卢俊义&lt;/td&gt;&lt;td&gt;玉麒麟&lt;/td&gt;&lt;/tr&gt;
		&lt;/table&gt;
		&lt;input type="button" onclick="test2()" value="删除一行" /&gt;
		&lt;input type="button" onclick="test3()" value="插入一行" /&gt;
		
		js
		
		&lt;script language="javascript"&gt;
			function test2() {
				mytab.deleteRow(1);
			}
			function test3() {
				//虽然是(3),也可以连续添加，排名都显示3
				var tableRow = mytab.insertRow(3);
				tableRow.insertCell(0).innerText = "3";
				tableRow.insertCell(1).innerText = "吴用";
		
				tableRow.insertCell(2).innerText = "智多星";
			}
		&lt;/script&gt;

	 </pre> {/block}
<!--底部js 在这里是js的实际代码区-->
{block name="footjs"}
<script language="javascript">
	function test2() {
		mytab.deleteRow(1);
	}
	function test3() {
		//虽然是(3),也可以连续添加，排名都显示3
		var tableRow = mytab.insertRow(3);
		tableRow.insertCell(0).innerText = "3";
		tableRow.insertCell(1).innerText = "吴用";

		tableRow.insertCell(2).innerText = "智多星";
	}
</script> {/block}